<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<style type="text/css">
		ul{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		.news{
			width: 320px;
			border: 1px solid #fc9;
		}
		.news .news-title{
			font-size: 13px;
			text-align: center;
			margin: 6px 0;
		}
		.news .news-content{
			width: 320px;
			background: url(imges/bg.png) no-repeat 2px 4px;
		}
		.news .news-content .news-item{
			height: 20px;
			line-height: 20px;
			font-size: 12px;
		}
		.news a{
			color: black;
			float: left;
			width: 180px;
			height: 20px;
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
			margin-left: 24px;
			text-decoration: none;
		}
		.news .item-time{
			float: left;
			height: 20px;
			width: 80px;
			margin-left: 12px;
		}
	</style>
</head>
<body>
	<div class="news">
		<h2 class="news-title">最新博文</h2>
		<ul class="news-content">
			<li class="news-item">
				<a href="#">他刷新“最年轻”团省委书记纪录 至今无人打破</a>
				<span class="item-time">2012-12-27</span>
			</li>
			<li class="news-item">
				<a href="#">没买车的人注意:4天后将有大变化 不仅是省钱 暖新闻</a>
				<span class="item-time">2012-12-27</span>
			</li>
				<li class="news-item">
				<a href="#">澳媒对“中国威胁论”最新炒作：机场被中国控制</a>
			<span class="item-time">2012-12-27</span>
			</li>
			<li class="news-item">
				<a href="#">全国铁路今起大调图：石济高铁开通 复兴号扩容</a>
				<span class="item-time">2012-12-27</span>
			</li>
			<li class="news-item">
				<a href="#">明年4月起扫码付款单日最低限额500元 你够用吗</a>
				<span class="item-time">2012-12-27</span>
			</li>
			<li class="news-item">
				<a href="#">日本突然公布一个“噩耗” 媒体：危机悄然而来</a>
				<span class="item-time">2012-12-27</span>
			</li>
		</ul>
	</div>
</body>
</html>